<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>{if isset($data.seo_title) && $data.seo_title !==''}{$data.seo_title}{elseif isset($data_seo.seo_title) &&  $data_seo.seo_title !==''/}{$data_seo.seo_title}{else /}{/if}</title>

    <meta charset="UTF-8" name="keywords" content="{if isset($data.seo_keywords) && $data.seo_keywords !==''}{$data.seo_keywords}{elseif isset($data_seo.seo_keywords) &&  $data_seo.seo_keywords !==''}{$data_seo.seo_keywords}{else /}{/if}">

    <meta charst="UTF-8" name="description" content="{if isset($data.seo_description) && $data.seo_description !==''}{$data.seo_description}{elseif isset($data_seo.seo_description) &&  $data_seo.seo_description !==''}{$data_seo.seo_description}{else /}{/if}">

    <link rel="stylesheet" href="/static/home2/css/main.css">

    <link rel="stylesheet" type="text/css" href="/static/home2/css/swiper-3.4.2.min.css">

    <link rel="stylesheet" type="text/css" href="/static/home2/css/zoom.css">

    <link rel="stylesheet" type="text/css" href="/static/home2/css/alert.css">
 
    <style type="text/css">

        @font-face {

            font-family: "YourFont";

            src: url(/static/home2/img/DINMittelschrift.otf);

        }

        @font-face {

            font-family: "YourFont1";

            src: url(/static/home2/img/343DD8_0_0.woff2.ttf);

        }

        @font-face {

            font-family: "YourFont2";

            src: url(/static/home2/img/DINMittelschrift-Alternate.otf);

        }

        .customfont {

            font-family: "YourFont", Helvetica, Arial;

        }

        .customfont1{

            font-family: "YourFont1", Helvetica, Arial;

        }

        .customfont2{

            font-family: "YourFont2", Helvetica, Arial;

        }

        .swiper-pagination-bullet{background: #FFFFFF;}

    </style>

</head>

<body>

    {include file="public/header" /}

    <div class="header">

            <div class="header-1" style="width:1200px;height: 580px;">
            <div style="float: left;width: 327px;margin-right: 200px;height: 484px">
                <img style="display:block;width: 327px;" src="{$data_kp.seo_description}" alt="">
            </div>    
            <div style="float: left;width: 573px;">
                    <div style="width:100%;text-align:center">
                        Phone Name 
                    </div>
                    <div class="header-1-2-1-2" style="width:100%;text-align:center;margin-top: 10px">
                       {$data_kp.title}
                    </div>
                <div style="width:100%;margin-top: 20px">
                    <div style="width:100%;text-align:center">
                        <div class="header-1-2-2-1-1 customfont4"style="width:100%;text-align:right">
                            Date Time 
                        </div>
                        <div class="header-1-2-2-1-2  customfont5"style="width:100%;text-align:right">
                            {$data_kp.create_time|date='m.d.Y',###}
                        </div>
                    </div>
                    <div style="width:100%;text-align:right;margin-top: 20px">
                            {$data_kp.content}  
                        </div>
                    <div style="width:100%;text-align:center;margin-top: 20px">
                        <div class="header-1-2-2-2-1 customfont4"style="width:100%;text-align:right">
                            Operation 
                        </div>

                        <a href="javascript:;" onclick="golist()" style="color: #000;">

                        <div class="header-1-2-2-2-2  customfont5" style="width:100%;text-align:right">

                            返回列表

                        </div>

                        </a>
                    </div>
                    <div class="header-1-2-2-3">
                        <img src="img/ysjt.png" alt="">
                    </div>
                </div>
                <div class="header-1-2-3"style="float: right;">

                        <a href="/index.php/zphome/details?pid={$data_kp.id}">
    
                        <div class="header-1-2-3-1" >
            
                        </div></a>
            
                        <a href="/index.php/zphome/details?nid={$data_kp.id}">
            
                        <div class="header-1-2-3-2">
            
                        </div> </a>
            

                </div>
        </div>
        </div>



        <div class="header-3 gallery" id="gallery">

        <ul>

        {volist name="works_pic" id="v"}

                <li class="item"><a href="{$v.works_pic}" ><img src="{$v.works_pic}" alt=""></a></li>

        {/volist}

                <div class="clearfloat"></div>

            </ul>

           <!--  -->

        </div>



        <div class="header-4">

            <div class="header-4-1">

                <img src="/static/home2/img/cainxh.png" alt="">

            </div>

            <div class="header-4-2">

                {volist name="data_kplist" id="v"}

                <a href="/index.php/kephome/details?id={$v.id}">

                    <div class="header-4-2-1"><img src="{$v.main_img}" alt="{$v.seo_description}"></div>

                </a>

                {/volist}

            </div>

        </div>

    </div>







    {include file="public/foot"}

    <script>

        function next(nid) {



        }

        function golist() {

            window.location.href="/index.php/kephome/index";

        }

        $(".xtu1").click(function(){

            $(".dtu1").addClass("xianshi")

            $(".dtu1").siblings().removeClass("xianshi")

        })

        $(".xtu2").click(function(){

            $(".dtu2").addClass("xianshi")

            $(".dtu2").siblings().removeClass("xianshi")

        })

        $(".xtu3").click(function(){

            $(".dtu3").addClass("xianshi")

            $(".dtu3").siblings().removeClass("xianshi")

        })

        $(".xtu4").click(function(){

            $(".dtu4").addClass("xianshi")

            $(".dtu4").siblings().removeClass("xianshi")

        })

    </script>

    <script>

        var mySwiper = new Swiper ('.lbt1', {

            direction: 'horizontal',

            noSwiping : true,

            loop: true,

            speed:1000,

            autoplay : {delay:3000},

            pagination: {el: '.xyd1',},

            navigation: {prevEl: '.lft1',nextEl: '.rit1',}

        })



    </script>

    <script type="text/javascript">

        (function ($) {

            $.fn.myPlugin = function () {

                var $lis = $(this).children(".gallery").children("ul").children("li")

                var w1 = 0

                $lis.each(function(){

                    w1 += $(this).width()+10;



                });

                console.log(w1)

                if(w1>460){

                    $(this).children(".gallery").children("ul").children(".youjtb").css("display","block")

                    $(this).children(".gallery").children("ul").children(".youjtb").click(function(){



                        $(this).parent("ul").css("margin-left",-(w1-470)+"px")

                        $(this).css("display","none")

                        $(this).siblings(".zuojtb").css("display","block")

                    })

                    $(this).children(".gallery").children("ul").children(".zuojtb").click(function(){

                        $(this).parent("ul").css("margin-left",0+"px")

                        $(this).css("display","none")

                        $(this).siblings(".youjtb").css("display","block")

                    })

                    console.log(111)

                }

            };

        })(jQuery);



        $(".pinlun-nr-r-b").each(function(){

            $(this).myPlugin()

        });

        $(".pinlun-2 li").click(function(){

            console.log(111)

            var Y1 = $(this).position().left;

            console.log(Y1)

            $(".plxhx").css("left",Y1+90+'px');

        });

    </script>

    </html>